// scss语法
$highlight-color: #f90;
$basic-border: 1px solid black;

//定义mixins
@mixin asd {
    background-color: chartreuse;
    color: crimson;
    width: 100%;
    height: 100px;
}


#app {
    background-color: $highlight-color;
    border: $basic-border;

    .container {
        font-size: 30px;
    }

    a {
        &:hover {
            color: aquamarine;
            font-size: 30px;
        }
    }

    .box {
        @include asd
    }
}